<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf8"/>
		<meta name="viewport" content="width=device-width, initial-scale=0.5">
		<title>
			订单确认
		</title>
		<style>
			*{
				margin:0px;
				padding:0px;
				vertical-align:middle;
			}
			body{
				background-color:#efefef;
			}
			div{
				padding:1rem;
				background-color:#ffffff;
				//border-bottom:1px solid lightgrey;
			}
			font,span{
				font-size:2rem;
				font-family:"黑体";
			}
			span{
				margin-top:2rem;
				display:inline-block;
			}
			img{
				margin:0rem 1rem;
			}
			.header{
				height:3rem;
				background-color:#fbfbfb;
			}
			.small_right{
				position:absolute;
				right:0px;
			}
			.small_font{
				font-size:1.5rem;
				color:grey;
			}
			.title_content{
				height:3rem;
				background-color:lightgrey;
				opacity:0.5;
			}
			.remove_somefill{
				margin-top:1rem;
			}
			.info_attach_font{
				color:#00aaff;
			}
			.input_box{
				display:inline-block;
				height:2rem;
				width:100%;
				border-radius:5px;
				border:1px solid gray;
			}
			.input_box_outdoor_div{
				margin-top:-1rem;
				margin-left:9rem;
				//border:0;
			}
			#use_account{
				padding:3rem;
			}
			#use_account div span{
				margin-top:-1rem;
			}
		</style>
	</head>
	<body>
		<div class="header" id="header">
			<img src="./images/top_back.png">
			<font>订单填写</font>
			<img src="./images/bottom_home_click.png" class="small_right">
		</div>
		<div>
			<span>洞头大沙岙海滨浴场景点成人门票</span>
			<br/>
			<span class="small_font">预订数量：2张</span>
		</div>
		<div class="title_content">
			<span class="remove_somefill">联系人信息</span>
			<span class="remove_somefill small_right info_attach_font">常用联系人</span>
		</div>
		<div style="position:relative;">
			<span style="width:100%;">
			<font style="float:left;">手机号码:</font>
			<div class="input_box_outdoor_div">
				<input type="text" placeholder="用于接收预订信息" class="input_box"/>
			</div>
			<font style="float:left;">身份证号:</font>
			<div class="input_box_outdoor_div">
				<input type="text" placeholder="用于验票凭证" class="input_box"/>
			</div>
			</span>
		</div>
		<div class="title_content">
			<span class="remove_somefill">优惠活动</span>
		</div>
		<div id="use_account">
			<font>使用积分</font>
			<div class="small_right" style="margin-top:-3.5rem;border:0;">
				<span>本单可用积分抵押</span>
					<br/>
				<span class="small_font" style="margin-left:6rem;margin-top:10px;">现有积分120分</span>
				<img src="./images/arr_des07.png" style="position:relative;right:0px;top:-15px;">
			</div>
		</div>
		<div style="position:absolute;top:780px;bottom:10rem;left:0px;right:0px;background-color:#efefef;">
		</div>
		<div style="background-color:white;position:fixed;left:0px;right:0px;bottom:0px;">
			<font>订单金额:</font>
			<img src="./images/current_button.jpg" style="margin-top:-16px;height:100%;margin-right:0px;padding:0px;border:0px;" class="small_right">
		</div>
	</body>
</html>